<template>
   <div>
       <Header></Header>



      <GameZone></GameZone>
   </div>
</template>

<script>
    import Header from "../components/Header";
    import GameZone from "./GameZone";
    export default {
        name: "Main",
        components: {GameZone, Header},
        data(){
            return{
                gameZone: {},
                key:0
            }

        },
        methods:{
            getZones(){
                const _this=this;
                this.$axios.get("/gamezone/list").then(res=>{
                    console.log(res);
                    _this.gameZone=res.data.data

                })
            },
            toPostsView(id){
                this.$router.push("/")
            }
        },
        created() {
            this.getZones()
        }

    }

</script>

<style scoped>
    @import '../assets/css/index.css';

    .jx_tabs {
        list-style: none;
        margin-bottom: 0;
        height: 35px;
        margin-left: 120px;
    }

    .imglist-item{
        margin-right:10px;
    }
    .youxizhuanqu{
        padding-left: 0%;
        align-content: center;
        align-items: center;
    }
    .paiban {
        position: absolute;
        left: 10px;
        top: 5px;
    }
    #tag{
          color: #d10020;
      }
    #img1{
        position:absolute;
        clip:rect(0px 1900px 140px 0px);
        z-index:-1;
        -webkit-user-drag: none;
    }
    .el-row {
        margin-bottom: 20px;
    &:last-child {
         margin-bottom: 0;
     }
    }
    .el-col {
        border-radius: 4px;
    }
    .bg-purple-dark {
        background: #99a9bf;
    }
    .bg-purple {
        background: #d3dce6;
    }
    .bg-purple-light {
        background: #e5e9f2;
    }
    .grid-content {
        border-radius: 4px;
        min-height: 36px;
        position: relative;
    }
    .row-bg {
        padding: 10px 0;
        background-color: #f9fafc;
    }
    *{
        font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    }
</style>
<link rel="stylesheet" type="text/css" href="css/index.css">